<%--
  Created by IntelliJ IDEA.
  User: Devin
  Date: 2019/12/13
  Time: 12:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录页面</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <style type="text/css">* {margin: 0;padding: 0;}

    html {
        font-size: 62.5%;
        *font-size: 63%;
    }

    body {
        font-size: 1.2em;
        line-height: 1.2;
        font-family: \5b8b\4f53;*/
    -webkit-text-size-adjust: none;
        color: #333;
        font-family: "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", sans-serif;
        overflow: hidden;
        *overflow: hidden;
        background-color: #f6f7fb;
        min-height: 500px;
    }
    img{border:0;}
    .logo-bg{position: relative;min-width: 500px;}
    .logo-bg img{width: 100%;height: 100%;position: fixed;left: 0;min-width: 500px;}
    .login-from{position: absolute;width:310px;height:310px;padding: 20px 30px;left:50%;top:50%;border: solid 1px #d3d3d1;background-color: #fff;border-radius: 10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin-left: -185px;margin-top: -175px;}
    .login-from .login-title{font: 22px 微软雅黑;margin-bottom: 15px;text-align: center;color:#007aff;}
    .login-from weibo.img{width: 30px; height: 40px;}
    .login-from from{margin:0 0 20px}
    .login-from .item1{margin-bottom: 20px;position: relative;}
    .login-from .item1 span.login7-ico{display: block;width: 24px;height: 24px;position: absolute;background: url(../img/login7.png) 0 0 no-repeat;margin:13px 0px 0px 3px;}
    .login-from .item1 span.login7-ico1{background: url(../img/login7.png) 0 -24px no-repeat;}
    .login-from .txt{margin-bottom: 0;width: 262px;height:42px;padding: 4px 10px 4px 35px;border:1px solid #dadada; border-radius: 3px;outline:none;font-size: 14px;}
    button.btn{display: block;width: 100%;background-color: #3596eb;padding: 11px 20px;line-height: 20px;border: 0px;cursor: pointer;font-size: 17.5px;font-family: "\5fae\8f6f\96c5\9ed1","\5b8b\4f53","Helvetica Neue",Helvetica,Arial,sans-serif;color: #fff;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
    .login-from .item2{margin-bottom: 0px;}
    .login-from .item3{padding: 0px 15px 24px 15px;font-size: 14px;}
    .login-from .info-box{height: 20px;width: 100%;}
    .item3 .fl-r{float: right;}
    .item3 .input-check{vertical-align:bottom;margin-right: 6px;}
    .login-from .weibo-i{display:block;width: 92px;height: 88px;background: url(/assets/images/login/weibo-i.png) 0 0 no-repeat;position: absolute;top: -48px;left: 25px;border-radius: 10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
    .header{height: 47px;width: 100%;min-width: 500px;background: #2d3a4c;}
    .logo1{overflow: hidden;}
    .logo1 a{display: block;float: left;margin:0 0px 0px 20px;}
    .logo1 span{display: block;float: left;}
    .logo1 .line1{height: 25px;width: 2px;background: url(/assets/images/login/line.jpg) 0 0 no-repeat;margin: 13px 17px 0px 17px;}
    .logo1 .header-dis{color: #fff;font-size: 20px;font-family: "微软雅黑";margin-top: 13px;}
    .hint-box{text-align: left;color: #ff1800;font-size: 14px;padding: 0px;}
    .hide{display: block}
    .login-from .hint-box{display: none;}
    .login-from span.lab-tip{margin-left:10px;}

    .header2{height: 67px;width: 100%;min-width: 500px;background: #405573;}
    .header2 img{ margin-top: 10px;}
    .header2 .header-dis{ margin-top: 25px;}
    .ml0{
        margin-left: 0;
    }
    .texts{
        left: 50%;
        top: 50%;
        margin-left: -350px;
        margin-top: -75px;
        position: absolute;
        text-align: right;
    }
    .texts h1{
        color: #405573;
        font-family: "微软雅黑";
        font-size: 40px;
        font-weight: normal;
        margin-bottom: 10px;
    }
    .texts p{
        color: #7c8085;
        font-size: 24px;
    }</style>
</head>
<body>
<div class="logo-bg">
    <img src="img/test.jpg" >
</div>
<div class="login-from">
    <div class="tit login-title">去哪儿后台登录</div>
    <div class="tit box-t">
        <div class="txt-tip txt-tip-wrong"></div>
    </div>
    <form  id="loginForm"  action="/login/loginYanZhen"  method="post">
        <div class="info-box">
            <div id="hintInfo" class="hint-box">您输入的帐号或密码不正确</div>
        </div>
        <div class="item1"><span class="login7-ico"></span><input id="username" name ="username"   class="txt placeholder" placeholder="请输入帐号"   type="text"></div>
        <div class="item1"><span class="login7-ico login7-ico1"></span><input id="password" name ="password"  class="txt placeholder" placeholder="请输入密码"  type="password"></div>
        <div class="item1">
            <label class="" for=""></label>
        </div>
        <div class="item3 " >
            <label class="checkbox"><input id="rememberId" name="saveusername" value="" class="input-check" type="checkbox">记住帐号</label>
        </div>
        <div class="item1 item2"><button id="login-submit" class="btn" type="button" onclick="login();"><input type="submit" value="登录" ></button></div>
    </form>
</div>
<div class="msgbox" style="z-index:9999"></div>

</body>
</html>